<template>
  <div class="col-xs-offset-2 col-xs-8">
    <div class="page-header">
      <h2>Vue Router Demo</h2>
      <button @click="back">后退</button>
      <button @click="forward">前进</button>
      <button @click="test">测试一下 go 方法</button>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'Banner',
    methods: {
      back() {
        this.$router.back()  // 回退
      },
      forward() {
        this.$router.forward()  // 前进
      },
      test() {
        // go 方法需要传递一个数字。正数表示前进多少个页面，负数表示后退多少个页面
        this.$router.go(-2)
      }
    }
  }
</script>